/* ============ HERO SECTION =============== */
#hero {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../newimg/header1.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 62%;
    padding-top: 8rem;
    padding-bottom: 6rem;
    position: relative;
}

#service {
    padding-bottom: 7rem;
    padding-top: 3rem;
}

.right-col>h2 {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .right-col>h2 {
        text-align: left;
    }

    #service .capabilities{
        padding-top: 1.5rem;
    }
  }

#service .psdc{
        padding-top: 0;
}

#service .psdc-img{
    height: 380px;
    width: auto;
    box-shadow: 2.5px 2.5px 10px #ccc;
}

@media screen and (min-width: 408px) and (max-width: 767px){
    #service .psdc-img{
        height: 290px;
    }
  }

  @media screen and (max-width: 408px){
    #service .psdc-img{
        height: 255px;
    }
  }